{% extends "/layout.html" %}
{% block indexContent %}
  <div class="banner">
    <div class="wrapper">
    <div id="bannerContainer">
      <a href="###">
        <img src="../static/images/zh_CN/banner1.jpg" alt=""/>  
      </a>
      <a href="###">
        <img src="../static/images/zh_CN/banner2.jpg" alt=""/>  
      </a>
      <a href="###">
        <img src="../static/images/zh_CN/banner3.jpg" alt=""/>  
      </a>
      <a href="###">
        <img src="../static/images/zh_CN/banner4.jpg" alt=""/>  
      </a>
    </div>
    </div>
  </div>

  <div id="wallContainer" class="wall">
    <div class="wrapper">
      <ul>
        <li>
          <a href="###">
            <img src="../static/images/icon_s1.jpg"></a>
        </li>
        <li>
          <a href="###">
            <img src="../static/images/icon_qr.jpg"></a>
        </li>
        <!-- <li class="li_merge2">
          <a href="###">
            <img src="../static/images/icon_s14.png"></a>
        </li> -->
        <li class="li_merge2">
        </li>
        <li class="li_merge2">
          <a href="https://itunes.apple.com/cn/app/et-linking/id688747750?mt=8" target="_blank"><img src="../static/images/ios_down.png" /></a>
          <a href="../static/down/etlinkingv1.0.apk"><img src="../static/images/android_down.png" /></a>
          <h2>下载 ET APP</h2>
        </li>
        <li class="li_merge4">
          <br><br><br><br>
          <h1>活力在ET,健康无限联!</h1>
        </li>
        <li>
          <a href="###">
            <img src="../static/images/icon_s6.jpg"></a>
          <div class="gray_layer"><span>数据分析一目了然</span></div>
        </li>
        <li>
          <a href="###">
            <img src="../static/images/icon_s2.jpg"></a>
          <div class="gray_layer"><span>24小时运动跟踪</span></div>
        </li>
         <li>
          <a href="###">
            <img src="../static/images/icon_s9.jpg"></a>
          <div class="gray_layer"><span>无线数据上传云端</span></div>
        </li>
        <li>
          <a href="###">
            <img src="../static/images/icon_s5.png"></a>
          <div class="gray_layer"><span>能量燃烧记录</span></div>
        </li>
        <li>
         <a href="###">
            <img src="../static/images/icon_s7.png"></a>
        </li>
        <li>
          <a href="###">
            <img src="../static/images/icon_s11.jpg"></a>
          <div class="gray_layer"><span>睡眠时间质量记录</span></div>
        </li>
        <li>
          <a href="###">
            <img src="../static/images/icon_s3.png"></a>
        </li>
        <li>
          <a href="###">
            <img src="../static/images/icon_s8.jpg"></a>
          <div class="gray_layer"><span>轻松有趣的游戏</span></div>
        </li>
        <li class="li_merge2"></li>
        <li>
          <a href="###">
            <img src="../static/images/icon_s4.png"></a>
          <div class="gray_layer"><span>与伙伴们分享健康</span></div>
        </li>
        <li>
          <a href="###">
            <img src="../static/images/icon_s12.png"></a>
        </li>
        <li>
          <a href="###">
            <img src="../static/images/icon_s10.jpg"></a>
          <div class="gray_layer"><span>多种随身携带方式</span></div>
        </li>
        <li>
          <a href="###">
            <img src="../static/images/icon_s13.png"></a>
        </li>
      </ul>
    </div>
  </div>
  <div class="intro">
    <div class="wrapper">
      <!-- <div class="intro_left">
        <h1>ETGo 带你找回健康，找回快乐。</h1>
        <p></p>
      </div> -->
      <div class="intro_right">
        <object id='videoPlayer' name='videoPlayer' width="1000px" height="400px">
          <param name='movie' value="http://player.youku.com/player.php/sid/XNTkyNTAwNDE2/v.swf" />
          <param name='allowFullScreen' value='true' />  
          <param name='wmode' value='opaque' />  
          <param name='allowScriptAccess' value='always' />  
          <embed src="http://player.youku.com/player.php/sid/XNTkyNTAwNDE2/v.swf" wmode='opaque' type='application/x-shockwave-flash' allowscriptaccess='always' loop="1" allowfullscreen='true'  width="1000px" height="400px" />
        </object>
      </div>
    </div>
  </div>
<!-- 
  <div class="app">
    <div class="wrapper">
      <a href="###">
        <img src="../static/images/app.png"/>  
      </a>
    </div>
  </div> 
  <div class="support">
    <div class="wrapper">
      <div class="support_left">
        <a href="###">
          <img src="../static/images/sdk.png"></a>
      </div>
      <div class="support_right">
        <h1>丰富多彩的网站</h1>
        <p>
          每天的运动转化成虚拟地图赛道上的步骤。有趣的地图帮您规划好每个城市的攻略，可以查看每个城市的著名景点或者在雾雨中路过福尔摩斯曾经走过的地方。走遍世界，从现在开始。
        </p>
      </div>
    </div>
  </div>
  -->
  <div class="moon">
    <div class="wrapper" style="background: url('../static/images/zh_CN/moon.jpg') no-repeat scroll 0 0;">
      <span class="moon_distance">384400</span>
    </div>
  </div>
  <div class="cont">
    <div class="wrapper">
      <div class="cont_info">
        <h1>联系我们</h1>
        <p>
          地址：北京市海淀区理工科技大厦2016室
           <br/> 
           电话：15710037503
          <br/>  
          邮箱：<a href="mailto:info@etlinking.com">info@etlinking.com</a>
        </p>
        <ul>
          <li>
            <a href="http://weibo.com/u/3473010424" target="_blank">
              <img src="../static/images/sina.png"></a>
          </li>
          <li>
            <a href="http://t.qq.com/ETLinking" target="_blank">
              <img src="../static/images/weibo.png"></a>
          </li>
          <li>
            <a id="wechat" href="###" title="test">
              <img src="../static/images/wechat.png"></a>
          </li>
        </ul>
      </div>
      <div class="cont_feedback">
        <h1>消息反馈</h1>
        <ul>
          <li>
            <input id="txtEmail" type="text" title="" default-value="您的邮箱" value="您的邮箱" />  
            <input id="txtName" type="text"  title="" default-value="您的姓名" value="您的姓名" />  
          </li>
          <li>
            <textarea id="txtContent" name="" title="" cols="20" rows="3" default-value="您要反馈的内容">您要反馈的内容</textarea>
            <a id="btnSend" href="###">
              <img src="../static/images/zh_CN/sendmsg.jpg"></a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="../static/scripts/extends/jquery.extends.orbit.js"></script>
  <script type="text/javascript" src="../static/scripts/views/index/etlinking.views.index.js"></script>
  <script type="text/javascript" src="../static/scripts/views/index/etlinking.views.login.js"></script>
  <script type="text/javascript">
    $(function(){
      etlinking.views.index.init();
      etlinking.views.login.init();
    });
    var $distanceContainer = $(".moon_distance");
    
    var i = 0,
    distance = 384400,
    totalDistance = 2408;
    function animateMoonDistance () {
        if(i <= totalDistance){
          i++;
          distance --;
          $distanceContainer.text(distance);
          setTimeout("animateMoonDistance()",50);
        }
      }

      animateMoonDistance();
  </script>
{% endblock %}